<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>欢迎使用HDPHP</title>
	<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<style>
    body{background: #f3f3f3;font-family: 'Raleway', sans-serif}
    p{font-family: Raleway, sans-serif !important;  font-weight:100;}
    h4{font-size: 14px;}
    .links{margin: 0 auto;margin:10px;text-align: center;}
    .links a{padding:10px 10px;color:#636b6f;font-size:12px;text-decoration: none;}
</style>
<p class="text-muted text-center" style="margin-top:200px;font-size:90px;">{{$framework}}</p>
<h4 class="text-muted text-center">服务化/组件化/模块化的未来框架产品</h4>
<div class="links">
    <a href="http://bbs.houdunwang.com">论坛交流</a>
    <a href="http://houdunren.com">在线视频</a>
    <a href="http://houdunwang.com">实战培训</a>
    <a href="http://www.kancloud.cn/houdunwang/hdphp3/215156">在线手册</a>
</div>
<h6 class="text-muted text-center">version: {{HDPHP_VERSION}}</h6>
</body>
</html>
<!--<!doctype html>-->
<!--<html lang="zh">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <title>02京表10周年</title>-->
<!---->
<!--    <link rel="stylesheet" type="text/css" href="/resource/lbt/css/normalize.css"/>-->
<!--    <link rel="stylesheet" type="text/css" href="/resource/lbt/css/zzsc-demo.css">-->
<!--    <link rel="stylesheet" type="text/css" href="/resource/lbt/css/style.css">-->
<!--    <style>-->
<!--        img {-->
<!--            width: 65%;-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->
<!--<script src="/resource/lbt/js/jquery-2.1.1.min.js" type="text/javascript"></script>-->
<!--<div class="zzsc-container">-->
<!--    <div class="zzsc-content">-->
<!--        <div class="slider one">-->
<!--            <img src="resource/lbt/img/3.JPG">-->
<!--        </div>-->
<!--        <div class="slider two">-->
<!--            <img src="resource/lbt/img/4.JPG">-->
<!--        </div>-->
<!--        <div class="slider three">-->
<!--            <img src="resource/lbt/img/5.JPG">-->
<!--        </div>-->
<!--        <div class="slider four">-->
<!--            <img src="resource/lbt/img/8.JPG">-->
<!--        </div>-->
<!--        <audio src="resource/lbt/music/love.mp3"  autoplay="autoplay" loop="loop"></audio>-->
<!--        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"-->
<!--             enable-background="new 0 0 32 32" id="previous" version="1.1" viewBox="0 0 32 32" xml:space="preserve">-->
<!--		  <path-->
<!--              d="M7.701,14.276l9.586-9.585c0.879-0.878,2.317-0.878,3.195,0l0.801,0.8c0.878,0.877,0.878,2.316,0,3.194  L13.968,16l7.315,7.315c0.878,0.878,0.878,2.317,0,3.194l-0.801,0.8c-0.878,0.879-2.316,0.879-3.195,0l-9.586-9.587  C7.229,17.252,7.02,16.62,7.054,16C7.02,15.38,7.229,14.748,7.701,14.276z"-->
<!--              fill="#FFFFFF"/>-->
<!--		</svg>-->
<!--		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"-->
<!--             enable-background="new 0 0 32 32" id="next" version="1.1" viewBox="0 0 32 32" xml:space="preserve">-->
<!--		  <path-->
<!--              d="M24.291,14.276L14.705,4.69c-0.878-0.878-2.317-0.878-3.195,0l-0.8,0.8c-0.878,0.877-0.878,2.316,0,3.194  L18.024,16l-7.315,7.315c-0.878,0.878-0.878,2.317,0,3.194l0.8,0.8c0.878,0.879,2.317,0.879,3.195,0l9.586-9.587  c0.472-0.471,0.682-1.103,0.647-1.723C24.973,15.38,24.763,14.748,24.291,14.276z"-->
<!--              fill="#FFFFFF"/>-->
<!--		</svg>-->
<!--    </div>-->
<!--</div>-->
<!--<script type="text/javascript">-->
<!--    var timer = 0;-->
<!--    var elementCount = 0;-->
<!--    var firstPos = 0;-->
<!--    var lastPos = 0;-->
<!---->
<!--    $(function () {-->
<!--        initialiseSlider();-->
<!--        $("#next").click(function () {-->
<!--            slideRight();-->
<!--        });-->
<!---->
<!--        $("#previous").click(function () {-->
<!--            slideLeft();-->
<!--        });-->
<!--    });-->
<!---->
<!--    function initialiseSlider() {-->
<!--        $("div.slider").each(function (value) {-->
<!--            elementCount += 1;-->
<!--            var position = -100 * value;-->
<!--            $(this).css("left", position + "%");-->
<!--        });-->
<!---->
<!--        if (elementCount === 1)-->
<!--            $("#next").hide();-->
<!--    }-->
<!---->
<!--    function slideRight() {-->
<!--        $("div.slider").each(function (value) {-->
<!--            $(this).addClass("zoomout");-->
<!--            var position = parseInt($(this)[0].style.left) + 100;-->
<!---->
<!--            if (value === 0)-->
<!--                firstPos = position;-->
<!---->
<!--            $(this).css("left", position + "%");-->
<!--            timer = setTimeout(removeZoom, 1000);-->
<!--        });-->
<!---->
<!--        console.log(firstPos);-->
<!---->
<!--        if (firstPos !== ((elementCount - 1) * 100)) {-->
<!--            $("#next").show();-->
<!--            $("#previous").show();-->
<!--        } else-->
<!--            $("#next").hide();-->
<!--    }-->
<!---->
<!--    function slideLeft() {-->
<!--        $("div.slider").each(function (value) {-->
<!--            $(this).addClass("zoomout");-->
<!--            var position = parseInt($(this)[0].style.left) - 100;-->
<!---->
<!--            if (value === (elementCount - 1))-->
<!--                lastPos = position;-->
<!---->
<!--            $(this).css("left", position + "%");-->
<!--            timer = setTimeout(removeZoom, 1000);-->
<!--        });-->
<!---->
<!--        console.log(lastPos);-->
<!---->
<!--        if (lastPos !== ((elementCount - 1) * -100)) {-->
<!--            $("#previous").show();-->
<!--            $("#next").show();-->
<!--        } else-->
<!--            $("#previous").hide();-->
<!--    }-->
<!---->
<!--    function removeZoom() {-->
<!--        $("div.slider").each(function () {-->
<!--            $(this).removeClass("zoomout");-->
<!--        });-->
<!--    }-->
<!--</script>-->
<!--</body>-->
<!--</html>-->